@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

.content2{ width:1400px;margin:0 auto;}
 @media screen and  (max-width:1440px){
                   .content2{width:1200px;margin:0 auto}    
                      }

.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;}
.tit i{display: block;font-size: 18px;color: #333;line-height: 18px;padding-top: 13px;}



/*banner*/
.banner{height:auto;max-width:1920px;margin:-14px auto!important 0;position:relative; }
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#0a7ae0;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}
.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   
.banner:hover .prev { left: 5%; opacity: 1; }
.banner:hover .next { right: 5%; opacity: 1; }

.pro{ height: 862px;padding-top: 80px;box-sizing: border-box;background: url(../images/pro_bg.jpg) no-repeat center; }
.pro_con{margin-top: 36px;}
.pro_con li{ float: left;width: 24.28%;height: 571px;margin-right:0.96%;box-sizing: border-box;position: relative; }
.pro_con li span img{ display: block;width: 100%;height: 100%; }
.pro_con li:before{ background: url(../images/cp_dd.png) no-repeat center;position: absolute;left:0;bottom:-24px;width: 100%;height: 24px;content: "";background-size: 100% 100%;}
.pro_con li.cur:after{ background: rgba(10,122,224,0.8);position: absolute;left:0;top:0;width: 100%;height: 100%;content: "";}

.pro_con li div{ position: absolute; padding: 48px 35px 0;width: 100%;height: 100%;box-sizing: border-box;left:0;top:0;}
.pro_con li:last-child{ margin-right: 0; }
.pro_con li em{ display: block;width: 86px;height: 86px;border-radius: 43px;background: #0a7ae0;position: relative;z-index: 20; }
.pro_con li em img{ display: block;width: 86px;height: 86px;margin: 0 auto }
/*.pro_con li.cur{ background: url(../images/pro_dd.jpg) no-repeat center;border:0;background-size:100% 100%; }*/
.pro_con li.cur em{ background: 0;margin-left: -16px; }
.pro_con li span a{ display: block;height: 75px;font-size: 22px;line-height: 65px;color: #333;position: relative;z-index: 20;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_con li.cur span a{ color: #fff;border-bottom: 1px solid #d2d2d2;  }
.pro_con li p{ margin-top: 20px;height: 270px;display: none; position: relative;z-index: 20;}
.pro_con li p a{ display: block;height: 36px;line-height: 36px;font-size: 16px;color: #666; }
.pro_con li:first-child p a:last-child{ display:none;}
.pro_con li.cur p{display: block;}
.pro_con li.cur p a{color: #fff;}
.pro_con li.cur p a:hover{ color:#89c529;font-weight: bold;}
.pro_con li.cur span a{ color: #fff;font-weight: bold;border-color: #fff; }
.pro_con li i a{ display: none;font-size: 16px;color: #fff;line-height: 16px; }
.pro_con li i img{ display: inline-block;width: 11px;height: 8px;margin-left: 6px; }
.pro_con li:nth-child(1).cur i a{ display: block;position:relative;z-index:20; }


.sl{ padding-top: 62px; }
.sl_con{ margin-top: 36px; }
.sl_con dl{ float: left;width: 24.28%;margin-right: 0.96%; }
.sl_con dl:last-child{ margin-right: 0; }
.sl_con dt img{ display: block;width: 100%; }
.sl_con dd{height: 390px;width: 100%;padding: 0 40px;box-sizing: border-box;background: #eeeeee;}
.sl_con dd h4 img{ display: block;width: 130px;height: 112px;margin: -42px auto 0;position: relative;z-index: 20; }
.sl_con dd h4 b{ display: block;font-size: 26px;line-height: 26px;color: #333333;position: relative;text-align: center; margin-top: 32px;height: 52px;}
.sl_con dd h4 b:after{ position: absolute;left:50%;bottom:0;width: 28px;margin-left: -14px;height: 1px;background: #bfbfbf;content: ""; }
.sl_con dd p{font-size: 18px;line-height: 30px;color: #666666;text-align: center;margin-top: 25px;}

.sl_g{ margin-top: 30px;height: 298px;padding: 150px 0 0 62px;box-sizing: border-box;background: url(../images/sl_ds.jpg) no-repeat center; }
.sl_g li{float: left;width: 320px;height: 60px;line-height: 60px;background: #fff;margin-right: 6px;box-shadow: 0px 0px 6px 0px rgba(0, 39, 88, 0.65);}
.sl_g li input{ width: 320px;padding-left: 20px;box-sizing: border-box;height: 60px;line-height: 60px;background: 0;border:0;outline: 0;font-size:16px; }
.sl_g  .form-btn-submit{ width: 280px;height: 60px;line-height: 60px;font-size: 16px; color: #fff;background: #89c529;cursor: pointer;outline: 0;border:0;font-weight: bold;padding: 0 20px;box-sizing: border-box;text-align: left;box-shadow: 0px 0px 6px 0px rgba(0, 39, 88, 0.65);} 
.sl_g  .submit b{text-align:left;float:left;}
.sl_g  .form-btn-reset{ display:none;}

@media screen and  (max-width:1440px){
  .sl_con dd{ padding: 0 20px; }
  .sl_g{ background: url(../images/sl_dd.jpg) no-repeat center; padding: 150px 0 0 56px; }
  .sl_g li{width: 250px;}
  .sl_g li input{ width: 250px; }
  }
/*guide*/
.ys{position: relative;margin-top: 120px;}
.ys .tit{ padding: 3rem 0 0; height: 10.05rem;box-sizing: border-box;display: block;}
.ys .tit b,.ys .tit i{color: #fff;}
.ys p img{position: absolute;left:0;top:0;width: 100%;height: 38rem;}
.ys li{width: 20%;height: 14rem;border-right: 1px solid #7fb0dd;border-bottom: 1px solid #7fb0dd;margin-bottom: -1px;float: left;box-sizing: border-box;position: relative;z-index: 20;padding-top: 5rem;box-sizing: border-box;overflow: hidden;padding-left: 6rem;}
.ys li:nth-child(6),.ys li:nth-child(7),.ys li:nth-child(8),.ys li:nth-child(9),.ys li:nth-child(10){ border-bottom:0;}
.yz_sz li em{display:block;}
.yz_sz li b{display:inline-block;font-size:3rem;font-family:Arial;font-weight:700;color:#fff;line-height:1;transition: all 0.5s;font-family: "Bahnschrift";font-weight: normal;}
.yz_sz li sup{display:inline-block;font-size:1rem;color:#ffffff;line-height:1.2rem;vertical-align:1px;margin-left:6px;font-weight: normal;transition: all 0.5s;width: 1.2rem;height: 1.2rem;border-radius: 0.6rem;background: #89c529;text-align: center;}
.yz_sz li span{display:block;font-size:0.9rem;color:#ffffff;line-height:100%;text-align:left;margin-top:0.2rem;}
.yz_sz li span i{ font-size: 0.8rem; }
.yz_sz li.cur{ background: #94ca3e; }
.yz_sz li.cur sup{ background: #0a7ae0; }

/*case*/
.case{padding: 95px 0 0;overflow-x: hidden;position: relative;z-index: 1;}
.case_con{ margin-top: 22px; }
.case_con ul{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.case_con li{width:19.2%;margin-right: 1%;margin-bottom: 1%;}
.case_con li:nth-child(5n){margin-right: 0;  }
.case_con li i{ display: block;width: 100%;overflow: hidden; }
.case_con li i img{ display: block;width: 100%; }
.case_con li span{ display: block;height: 60px;line-height: 60px;padding: 0 18px;box-sizing: border-box; background: #f4f4f4;font-size: 18px;font-weight: normal;color: #333;}
.case_con li span em{ display: block;font-size: 14px;color: #999999;float: right; }
.case_con li:hover span{ color:#0a7ae0;}
.case  .more{ display: block;width: 120px;height: 36px;border-radius: 22px;line-height: 36px;text-align: center;font-size: 16px;color: #0a7ae0;margin: 20px auto 0;border:1px solid #0a7ae0;transition:all 0.5s;}
.case  .more:hover{ transform:translateY(-5px);background:#0a7ae0;color:#fff;}


.coop{padding: 76px 0 100px;background: #eeeeee;position: relative;margin-top: 140px;}
.coop h2{width: 800px;float: left;}
.coop h2 i{ font-size: 42px;color: #333333;line-height: 42px;font-weight: normal; position: relative;z-index: 10;display: block;}
.coop h2 em{ display: block;font-size: 42px;line-height: 42px;color: #e6e6e6;margin-top: -20px;position: relative;font-family: Impact;text-transform: uppercase;position: relative;z-index: 5; }
.coop_con{margin-top: 30px;position: relative;}
.coop .prev{ display: block;width: 42px;height: 42px;float: right;margin-right: 15px;}
.coop .next{ display: block;width: 42px;height: 42px;float: right; }
.coop_con{ margin-left: 12px; }
.coop ul{float: left;width:calc((100% - 96px)/7);margin-right:12px; }
.coop li{ width: 100%;margin-bottom: 12px;overflow: hidden;}
.coop li img{ display: block;  width: 100%;box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1); }



/*news*/
.news{padding:100px 0;}
.news_con{ margin-top: 40px;}
.news .bt{height: 60px;overflow: hidden;}
.news .bt span{font:12px arial;color: #999999;line-height: 60px;}
.news .bt span img{ width: 28px;height: 29px;margin-right: 8px;vertical-align: -4px;}
.news .bt span a{font:22px "Microsoft Yahei";color: #192336;margin-right:7px;line-height: 22px;}
.news .bt em a{font-size: 14px;display: block;float: right;line-height: 38px;text-transform: uppercase;font-family: Arial;}
.dongt{float:left;width:600px;}
.news_qie{ position: relative;width: 600px;height: 206px; }
.news_bd li img{ display: block;width:600px;height: 206px;  } 
.news_hd{position: absolute;left: 0;bottom: 20px;height: 10px;z-index: 10;width: 95%;text-align: right;}
.news_hd li{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 5px;vertical-align: top;}
.news_hd li.on{background: #0a7ae0;}

.dongt dt{font-size:0;line-height: 0;}
.dongt dd{padding-top:18px;height: 134px;box-sizing: border-box;border-bottom: 1px dashed #e7e7e7;}
.dongt dd h4 a{height:29px;line-height:29px;font-size: 18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}
.dongt dl:hover dd h4 a{color:#0b55b5;}
.dongt dd p{font-size:15px;color: #999999;line-height: 30px;padding-top:5px;}
.dongt dd p a{ width: 6px;display: inline-block;height: 9px;
vertical-align: middle;margin-left: 8px;}
.dt_n{padding-top:13px;}
.dt_n li{height: 46px;line-height: 46px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 0 0 20px;background: url(../images/news_dd3.png) no-repeat left center;}
.dt_n li a{color: #333;}
.dt_n li:hover a{color:#0b55b5;}
.dt_n li em{float:right; font:14px arial;color: #666666;line-height: 46px;}
.wt_c{float:right;width:555px;}
.wt_nr dl{height:152px;padding-top: 28px;border-bottom: 1px dashed #e7e7e7;}
.wt_nr dd{float:left;width:316px;box-sizing: border-box;}
.wt_nr dd h4 a{display: block;line-height: 16px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top: 22px;}
.wt_nr dd p{font-size:15px;color: #999999;line-height: 30px;padding-top: 12px;}
.wt_nr dt{float:right;font-size:0;line-height: 0;width:220px;height: 126px;overflow: hidden;}
.wt_nr dt img {width:220px;height: 126px;transition:all 0.3s;}
.wt_nr dl:hover dt img{ transform: scale(1.06);}


.abt{height:780px;padding-top: 144px;box-sizing: border-box;background: url(../images/abt_bg.jpg) no-repeat center; }
.abt h2 img{ display: block;width: 617px;height: 85px;margin: 0 auto; }
.abt p{ font-size: 15px;line-height: 32px;text-align: center;padding-top: 40px;color: #fff; }
.abt  .more{ display: block;width: 140px;height: 36px;border-radius: 22px;line-height: 34px;text-align: center;font-size: 15px;color: #fff;margin: 36px auto 0;border:1px solid #fff; }

.abt ul{ margin-top: 21px;text-align: center;}
.abt ul li{position: relative; width: 144px;padding-right: 17px;box-sizing: border-box;display: inline-block;margin: 0 30px;background: url(../images/abt_dd.png) no-repeat right 25px;height: 320px;}
.abt ul li.cur{background: url(../images/abt_ddh.png) no-repeat right 25px;  }
.abt ul li:nth-child(1) img{ display: block;width: 120px; height: 200px;}
.abt ul li:nth-child(2) img{ display: block;width: 125px; height: 176px;}
.abt ul li:nth-child(3) img{ display: block;width: 123px; height: 186px;}



.gy dt{ display: block;width: 965px;height: 777px;margin-left: -360px;overflow: hidden;float: left; }
.gy dt img{ display: block;width: 965px;height: 777px; }
.gy dd{ display: block; width: 955px;height: 777px;float: right;background: url(../images/gy_dd.jpg) no-repeat center;margin-right: -360px;padding: 172px 360px 0 135px;box-sizing: border-box;}
.gy h4 img{ display: block;width: 432px;height: 85px;}
.gy dd h4 span{ display: block;font-size: 22px;line-height: 22px;color: #fff;font-weight: normal;padding-top: 30px; }
.gy dd p{ font-size: 15px;line-height: 32px;padding-top: 30px;color: #fff; }
.gy dd .more{ display: block;width: 140px;height: 36px;border-radius: 22px;line-height: 34px;text-align: center;font-size: 15px;color: #fff;margin: 80px 0 0;border:1px solid #fff; }
.gy li{position: relative; width: 290px;box-sizing: border-box;display:block;height: 80px;line-height: 80px;background: #0978e0;text-align: center;font-size: 20px;color: #fff;float: left;margin-right:13px;margin-top: 20px; }
.gy li:last-child{ margin-right: 0; }


@media screen and (min-width: 1263px) {
  html {
    font-size: calc(1263px * 20 / 1903);
  }
}
@media screen and (min-width: 1349px) {
  html {
    font-size: calc(1349px * 20 / 1903);
  }
}
@media screen and (min-width: 1463px) {
  html {
    font-size: calc(1463px * 20 / 1903);
  }
}
@media screen and (min-width: 1543px) {
  html {
    font-size: calc(1543px * 20 / 1903);
  }
}
@media screen and (min-width: 1583px) {
  html {
    font-size: calc(1583px * 20 / 1903);
  }
}
@media screen and (min-width: 1643px) {
  html {
    font-size: calc(1643px * 20 / 1903);
  }
}
@media screen and (min-width: 1663px) {
  html {
    font-size: calc(1663px * 20 / 1903);
  }
}
@media screen and (min-width: 1903px) {
  html {
    font-size: calc(1903px * 20 / 1903);
  }
}

/*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    color:#000000;
    top: 150px;
    width: 400px;
    border-radius: 3px;
    min-height: 155px;
    overflow: hidden;
    z-index: 99998;
    margin-left: -200px;
    left: 50%; 
}
.modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); 
}
.modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; 
}
.modal-dialog .modal-head .modal-logo {
    width: 15px;
    height: 15px;
    background-position: 1px 0px;
    margin: 8px 5px 0 0;
    float: left; 
}
.modal-dialog .modal-head .close {
    float: right;
    width: 15px;
    height: 15px;
    background-position: -14px 0px;
    margin-top: 8px; 
}
.modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; 
}
.modal-dialog .modal-body .modal-body-left {
    width: 140px;
    float: left; 
}
.modal-dialog .modal-body .modal-body-left .icon {
    width: 64px;
    height: 64px;
    margin: 30px 0 0 48px; 
}
.modal-dialog .modal-body .modal-body-left .success-message {
    background-position: 0px -14px; 
}
.modal-dialog .modal-body .modal-body-left .warming-message {
    background-position: 0px -78px; 
}
.modal-dialog .modal-body .modal-body-right {
    width: 260px;
    float: right;
    padding-top: 20px; 
}
.modal-dialog .modal-body .modal-body-right .close-btn {
    color: #000;
    text-align: center;
    width: 90px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #818079; 
}
.modal-dialog .modal-body .modal-body-right p {
    line-height: 30px; 
}